<template>
  <div id="Box">
    <div class="posi-box">
      <div class="img-box">
        <div @click="gocustomer">
          <img src="../assets/image/customerlogo.png" alt />
        </div>
      </div>
      <div class="img-box">
        <div @click="gomessage">
          <img src="../assets/image/pushmessagelogo.png" alt />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Box",
  methods: {
    gocustomer() {
      this.$router.push({
        path: "/customer",
      });
    },
    gomessage() {
      this.$router.push({
        path: "/pushmessage",
      });
    },
  },
};
</script>

<style lang="stylus" scoped>
@import "../assets/styl/mixin.styl";
#Box
  .posi-box
    position fixed
    right 0
    top 60%
    .img-box
      box-shadow 0 rem(2) rem(12) 0 rgba(0, 0, 0, 0.1)
      width rem(37)
      height rem(31)
      margin rem(10) 0
      background #FFFFFF
      display flex
      justify-content center
      align-items center
      border-radius rem(5) 0 0 rem(5)
      div
        padding rem(20)
</style>